<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旅游列表页</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/travelList.css">
    <link rel="stylesheet" href="./css/mixins.css">
    <script src="./js/commen.js"></script>
</head>

<body>
    <div id="travelList">
        <div class="travel-header">
            <a href="tarvel.html" class="header-return"></a>
            <div class="header-input">
                <div class="input-position">
                    <span></span>
                    <a href="javascript:;">北京</a>
                </div>
                <div class="input-dest">
                    <span></span>
                    <a href="javascript:;">目的地/关键词</a>
                </div>
            </div>
        </div>
        <div class="travel-list">
            <ul class="list-tab">
                <li class="on">全部</li>
                <li>出发地参团</li>
                <li>目的地参团</li>
                <li>自由行</li>
                <li>游轮</li>
            </ul>
            <div class="list-info">
                <div class="info info1">
                   <div class="img-box">
                        <img src="./images/img/list_0411_03.jpg" alt="">
                   </div>
                    <div class="all-info">
                        <a href="javascript:;" class="info-title">【宿古北之光】古北水镇2日1晚跟团...</a>
                        <div class="info-box">
                            <div class="info-no">
                                <a href="javascript:;">无购物</a>
                                <a href="javascript:;">无自费</a>
                                <a href="javascript:;">爸妈放心游</a>
                            </div>
                            <div class="info-start">
                                <span>北京出发</span>
                                <a href="">五星古北之光温泉酒店住宿</a>
                                <p>班期：每周四、五、六、日</p>
                            </div>
                            <div class="info-money">
                                <span>2699 <a href="javascript:;">起</a></span>
                                <span>256人 <a href="javascript:;">出游</a></span>
                                <span>69条 <a href="javascript:;">点评</a></span>
                                <button class="score">5<a href="javascript:;">分</a></button>
                            </div>
                            
                        </div>
                    </div>
                </div>

                <div class="info info2">
                    <div class="img-box">
                        <img src="./images/img/list_0411_06.jpg" alt="">
                   </div>
                    <div class="all-info">
                        <a href="javascript:;" class="info-title">【游圣诞小镇】密云日自由行·南山...</a>
                        <div class="info-box">
                            <div class="info-no">
                                <a href="javascript:;">无购物</a>
                                <a href="javascript:;">无自费</a>
                                <a href="javascript:;">爸妈放心游</a>
                            </div>
                            <div class="info-start">
                                <span>北京出发</span>
                                <a href="">独揽 全球不容错过的25处风景之首</a>
                                <p>班期：每周三、四、五、六、日</p>
                            </div>
                            <div class="info-money">
                                <span>1099 <a href="javascript:;">起</a></span>
                                <span>203人 <a href="javascript:;">出游</a></span>
                                <span>38条 <a href="javascript:;">点评</a></span>
                                <button class="score">5<a href="javascript:;">分</a></button>
                            </div>
                            
                        </div>
                    </div>
                </div>

                <div class="info info3">
                    <div class="img-box">
                        <img src="./images/img/list_0411_08.jpg" alt="">
                   </div>
                    <div class="all-info">
                        <a href="javascript:;" class="info-title">&nbsp;&nbsp;北京1日自由行·八达岭长城+十三陵定...</a>
                        <div class="info-box">
                            <div class="info-no">
                                <a href="javascript:;">无购物</a>
                                <a href="javascript:;">无自费</a>
                                <a href="javascript:;">爸妈放心游</a>
                            </div>
                            <div class="info-start">
                                <span>北京出发</span>
                                <a href="">带你领略京都之美</a>
                                <p>班期：每周六、日</p>
                            </div>
                            <div class="info-money">
                                <span>159 <a href="javascript:;">起</a></span>
                                <span>390人 <a href="javascript:;">出游</a></span>
                                <span>90条 <a href="javascript:;">点评</a></span>
                                <button class="score">5<a href="javascript:;">分</a></button>
                            </div>
                            
                        </div>
                    </div>
                </div>

                <div class="info info4">
                    <div class="img-box">
                        <img src="./images/img/list_0411_10.jpg" alt="">
                   </div>
                    <div class="all-info">
                        <a href="javascript:;" class="info-title">&nbsp;&nbsp;怀柔2日自由行(4钻)【每人减100元】...</a>
                        <div class="info-box">
                            <div class="info-no">
                                <a href="javascript:;">无购物</a>
                                <a href="javascript:;">无自费</a>
                                <a href="javascript:;">爸妈放心游</a>
                            </div>
                            <div class="info-start">
                                <span>北京出发</span>
                                <a href="">限时特惠，预订即享每人减100元</a>
                                <p>班期：每周五、六、日</p>
                            </div>
                            <div class="info-money">
                                <span>269 <a href="javascript:;">起</a></span>
                                <span>220人 <a href="javascript:;">出游</a></span>
                                <span>65条 <a href="javascript:;">点评</a></span>
                                <button class="score">5<a href="javascript:;">分</a></button>
                            </div>
                            
                        </div>
                    </div>
                </div>

                <div class="info info5">
                    <div class="img-box">
                        <img src="./images/img/list_0411_12.jpg" alt="">
                   </div>
                    <div class="all-info">
                        <a href="travelDetail.html" class="info-title">&nbsp;&nbsp;北京5日4晚跟团游·一价全含·无自费...</a>
                        <div class="info-box">
                            <div class="info-no">
                                <a href="javascript:;">无购物</a>
                                <a href="javascript:;">无自费</a>
                                <a href="javascript:;">爸妈放心游</a>
                            </div>
                            <div class="info-start">
                                <span>北京出发</span>
                                <a href="">深度全面的游览世界文化遗产</a>
                                <p>班期：每周四、五、六、日</p>
                            </div>
                            <div class="info-money">
                                <span>2099 <a href="javascript:;">起</a></span>
                                <span>189人 <a href="javascript:;">出游</a></span>
                                <span>56条 <a href="javascript:;">点评</a></span>
                                <button class="score">5<a href="javascript:;">分</a></button>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="tabbar">
            <a href="javascript:void(0)">
                <div><img src="./images/icon/luggage_01.png" alt=""></div>
                <p>旅游首页</p>
            </a>
            <a href="search.html">
                <div><img src="./images/icon/footer_0322_06.png" alt=""></div>
                <p>目的地</p>
            </a>
            <a href="history.html">
                <div><img src="./images/icon/footer_0322_07.png" alt=""></div>
                <p>浏览历史</p>
            </a>
            <a href="myinfo.html">
                <div><img src="./images/icon/footer_0322_08.png" alt=""></div>
                <p>个人</p>
            </a>
        </footer>
    </div>
</body>

</html>